@import 'gauzy/_gauzy-overrides';

.theme-container{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.reset-button{
  margin-top: 1rem;
  display: flex;
}

:host ::ng-deep{
  nb-select.appearance-outline .select-button{
    color: rgba($color: rgba(126, 126, 143), $alpha: 1);
    border-width: 2px;
    border-color: rgba($color: rgba(126, 126, 143), $alpha: .5);
    width: 120px;
  }
  @include nb-select-overrides(2rem, $default-button-radius, $default-box-shadow);
}

.preferred-layout {
  display: flex;
  align-items: center;
  gap: 4px;
}